<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Peanut Demo</title>
    <meta name="description" content="A simple static blog generator" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="/assets/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
</head>
<body class=" home-template  nav-closed">
    <span class="nav-cover"></span>

    <div class="site-wrapper">
<header class="main-header no-cover">
    <nav class="main-nav overlay clearfix">
        <a class="blog-logo" href="http://peanut.zorro.im">
            <img src="path_to_your_logo" alt="Peanut Demo" />
        </a>
    </nav>
    <div class="vertical">
        <div class="main-header-content inner">
            <h1 class="page-title">Peanut Demo</h1>
            <h2 class="page-description">A simple static blog generator</h2>
        </div>
    </div>
    <a class="scroll-down" href="#content" data-offset="-45"><i class="fa fa-angle-left"></i><span class="hidden">Scroll Down</span></a>
</header>

<main id="content" class="content" role="main">
<div class="extra-pagination inner">
    <nav class="pagination" role="navigation">
        <span class="page-number">Page 1 of 2</span>
            <a class="older-posts" href="/page/2/index.html">Older Posts →</a>
        </span>
    </nav>
</div>

<article class="post ">
    <header class="post-header">
        <h2 class="post-title">
            <a href="/posts/example.html">This is my title</a>
        </h2>
    </header>
    <section class="post-excerpt">
    </section>
    <footer class="post-meta">
        <img class="author-thumb" src="https://avatars2.githubusercontent.com/u/655326?v=3&s=40" alt="zqqf16" nopin="nopin" />
        <a href="http://blog.zorro.im/posts/about.html">zqqf16</a>
             on 
            <a href="/tags/example/"> example </a>
            <a href="/tags/test/"> test </a>
        <time class="post-date" datetime="2015-11-10">
            10 Nov 2015</time>
    </footer>
</article>
<article class="post ">
    <header class="post-header">
        <h2 class="post-title">
            <a href="/posts/hello-world.html">Hello World</a>
        </h2>
    </header>
    <section class="post-excerpt">
    </section>
    <footer class="post-meta">
        <img class="author-thumb" src="https://avatars2.githubusercontent.com/u/655326?v=3&s=40" alt="zqqf16" nopin="nopin" />
        <a href="http://blog.zorro.im/posts/about.html">zqqf16</a>
             on 
            <a href="/tags/hello/"> hello </a>
            <a href="/tags/test/"> test </a>
        <time class="post-date" datetime="2013-04-24">
            24 Apr 2013</time>
    </footer>
</article>
<nav class="pagination" role="navigation">
    <span class="page-number">Page 1 of 2</span>
        <a class="older-posts" href="/page/2/index.html">Older Posts →</a>
    </span>
</nav>
</main>
        <footer class="site-footer clearfix">
            <section class="copyright"><a href="http://peanut.zorro.im">Peanut Demo</a> &copy; 2015</section>
            <section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
        </footer>
    </div>
    <script type="text/javascript" src="/assets/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>
    <script type="text/javascript" src="/assets/js/index.js"></script>
</body>
</html>